<meta http-equiv="expires" content="0"> <!-- says that the cache expires 'now' -->
<meta http-equiv="expires" content="0"> <!-- says that the cache expires 'now' -->
<meta http-equiv="pragma" content="no-cache"> <!-- says not to use cached stuff, if there is any -->

<%@ page language="java" session="true" import="java.util.*" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<%--window.opener.location.href='Url' --%>
<%
 String userID = "" ;

try
{
	userID =(String)session.getAttribute("userID");
}	
catch(Exception Exp)
{
	Exp.printStackTrace();
	response.sendRedirect("/report/jsp/login.jsp?msg=Session Time Out");
} 
if(userID== null)
{
	response.sendRedirect("/report/jsp/login.jsp?msg=Session Time Out");
}
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" type="text/css" href="menu.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>  

<script type="text/javascript" >

/*$(document).ready(function(){  
    //If user wants to end session  
    $("#exit").click(function(){  
       
    });  
});*/  
</script>
<script language="javascript" type="text/javascript">


function abcd()
{    
       var Urld ="/report/api/operatorList?reportType=fbUsage";
       var t = document.getElementById("reportType").value;
  	   if(t == "webApp"){
  			Urld = "/report/api/operatorList?reportType=webApp";
  		}
        if (window.XMLHttpRequest)
        {
                xmlhttp=new XMLHttpRequest();
        }
        else
		{
                xmlhttp= new ActiveXObject("Microsoft.HTTP");
        }
         xmlhttp.onreadystatechange=getprofileSubd;
        xmlhttp.open("GET",Urld,true);
        xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
        xmlhttp.send(null);
}
function getprofileSubd()

{
//alert("ion sbf");
 
 if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
			var showdatad=xmlhttp.responseText;
            var showdataBuffd = showdatad.split(",");
				for(i=0;i<showdataBuffd.length;i++)
				{
					 var datadisplay = showdataBuffd[i];
                     document.getElementById("circle").options[i]= new Option(datadisplay);
				}
        }
}

function enb()
{
	if(packForm.duration.value=="dailyRange")
	{
		packForm.endDate.disabled=false;
	}
	else if(packForm.duration.value=="daily")
	{
		 packForm.endDate.disabled=true;
	}
}
function chk()
{
 return true;
}

</script>
<style type="text/css">
.close_chat_windows
{
display:none;
}
</style>
<link href="jsn/clndrn.css" rel="stylesheet" type="text/css">
<script language="javascript" type="text/javascript"  src="jsn/clndr.js" ></script>

</head>

<body style="background-image:url(images/bg.png) repeat-x;" onload="abcd()" >

<div class="header"><!-- Header Area-->

<div class="header_line_content" style="background:#FFF" ><!-- Start Header Content Area-->

        	<div style="float:left"><div style="width:160px; height:90px; background:url(images/u2opia_mobile_logo.png); margin-left:1px;"></div></div>
             
            <div style="float:right; padding-top:6px">
            	<div style="width:auto; height:90px">
                	<div style="float:left">
                    	<div style="width:180px"><span style="float:left;  margin-left:22px; color:#B30000; font-family:Arial, Helvetica, sans-serif; font-size:16px">Wellcome :</span><div style="float:left;color:#AB1000;font-family:Arial, Helvetica, sans-serif; font-size:16px; padding-left:5px;">Guest</div><div style="float:left;color:#B30000;font-family:Arial, Helvetica, sans-serif; font-size:16px; padding-left:75px;">
						<span style="color:#323232;"></span></div><div style="float:left;color:#323232;font-family:Arial, Helvetica, sans-serif; font-size:16px; padding-left:100px;"><a href="logout.jsp">Logout</a></div></div>
                    </div> 
                	<div style="float:right; background:url(images/1.png); width:78px; height:74px; padding-top:5px;"><span style="padding-left:4px;"><img src="friends/DSC02384.JPG" width="69px" height="69px;" /></span></div>  
                     	
                    
                </div>
          </div>

</div><!-- END Header Content Area-->

</div><!-- END Header Area-->

<div id="content"><!-- COntent Area-->


<div><!-- Header With in content named Welcome Area-->
<div style=" height:34px; background:url(images/header_bg.png) repeat-x;">
<div style="width:1000px; height:34px; background:url(images/header_bg.png) repeat-x; padding-top:7px;">
	
    <div style="float:right; width:100%; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#8F0000; font-weight:500;">
		<a href="hourly.jsp"><span style="float:left; margin-left:10px; color:#FFFFFF; font-size:16px; font-weight:300">HourlyReport</span></a><div style="z-index:50"></div>
        <a href="daily.jsp"><span style="float:left; margin-left:30px; color:#FFFFFF; font-size:16px; font-weight:300">DailyReport</span></a><div style="z-index:50"></div>
        <a href="monthly.jsp"><span style="float:left; margin-left:30px; color:#FFFFFF; font-size:16px; font-weight:300">MonthlyReport</span></a><div style="z-index:50"></div>
 
		
    </div>
</div>
</div><!-- END Header With in content named Welcome Area-->

 <!--Main Content Goes Here -->
<div id="content">
    <div id="sideBar">
        <div id="leftcolumn">
				
		</div>
   </div>
		<div style="margin-left: 2px;" id="mainContent">
                     <form name="packForm" action="/report/api/excel" method="get" onsubmit="return chk()">
             <table border="0" style="background-color: rgb(260, 2450, 220); width: 577px;">
               <tbody><tr valign="top" id="msg_b">
                  <td align="center" colspan="3"><label id="msg_board" class="arial12red"><h4>Please Select Filters</h4></label>
                  </td>
               </tr>
          <tr valign="bottom" align="center" style="height: 20px;">
               <td>
       		      <label class="red_heading">Report Type</label>
               </td>
               <td class="red_heading">:</td>
              <td align="left">
              <select class="textbox" name="reportType" id="reportType" style="width:130px; height:23px" onchange="abcd()">			
                      <option value="fbUsage">FB Usage </option>
						<option value="webApp">Web App </option>
              </select>
              </td>
         </tr>     
	     <tr valign="bottom" align="center" style="height: 20px;">
               <td >
       		      <label class="red_heading">Operator</label>
               </td>
               <td class="red_heading">:</td>
              <td align="left">
              <select class="textbox" name="operator" id="circle" style="width:130px; height:23px">			
                      <option value=-1>Select </option>
              </select>
              </td>
         </tr>
	  <tr valign="bottom" align="center" style="height: 20px;">
          <td >
          <label class="red_heading">Duration</label>
         </td>
        <td class="red_heading">:</td>
        <td align="left">
            <select class="textbox" style="width:130px; height:23px" name="type" id="duration" onchange="enb()">
		              <option value="daily">Daily</option>
                       <option value="dailyRange">DailyRange</option>
                       
         </select>
        </td>
      </tr>
	  
	 <tr valign="bottom" align="center" style="height: 20px;">
            <td>
             <label class="red_heading">Start Date</label>
           </td>
          <td class="red_heading">:</td>
          <td align="left">
              <input type="text" name="startDate" onfocus="showCalendarControl(this);" style="width:125px; height:18px">
         </td>
       </tr>
	<tr valign="bottom" align="center" style="height: 20px;">
          <td >
          <label class="red_heading">End Date</label>
   	 </td>
        <td class="red_heading">:</td>
        <td align="left">
           <input type="text" name="endDate" disabled="disabled" onfocus="showCalendarControl(this);" style="width:125px; height:18px">                               
        </td>
      </tr>
             
   <tr valign="bottom" align="center" style="height: 20px;">
     <td colspan="3">
     <input type="submit" class="textbox" style="height:24px; width:130px;" name="view" value="ViewReport">
	 <input type="submit" class="textbox" style="height:24px; width:130px;" name="view" value="ExcelDownload">
     </td>
   </tr>
 </tbody></table>
 </form>	
        </div>    
        <p class="clear" />
  </div>
    <!-- content -->

	<div id="right_side"><!-- right menu-->
    <!-- <div style="background: url(&quot;images/setting.png&quot;) no-repeat scroll 95% 0% transparent; height: 35px;"></div>-->
     <div style="overflow-y: auto; width:195px; height:420px">
	 <!-- online frnds -->
					</div>        		
        </div>
	


</div><!--End COntent Area-->
<div class="footer" >
<!-- Footer Area-->
Copyright  &copy; U2opia Mobile Pvt. Ltd
</div>
<div class="footer_info">Design from <a href="http://www.u2opiamobile.com/">U2opia Mobile</a></div>

</body>
</html>
